/* 
Wireframe: 12
Version: 2
Update: 2018.04.27 
*/

body {
    background: #fff;
    color: #2a2b2c;
    font-family: Arial;
    font-size: 16px;
    line-height: 1.6em;
}
a {
    color: #157abe;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #157abe;
    text-decoration: none;
}





.bizbookForm-pos {   background: linear-gradient(#D4D4D4, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border: 1px solid #a4a5a6 !important;
   }

#bizbookContainerList {  background: linear-gradient(#D4D4D4, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #a4a5a6 !important;
    }

 
 
#message_button_send {
    background: none repeat scroll 0 0 #157abe;
    border: medium none;
    color: #000;
    cursor: pointer;
    padding: 6px;
}

#message_button_send:hover {
 background: none repeat scroll 0 0 #000; color:#fff;
}

#bizbookFormFieldMessage { 
                height:150px; 
                border-color: #157abe;
                border-style: solid;
                border-width: thin;
                padding: 3px;    background: none repeat scroll 0 0 #f8f6f6;
                
 
}

#bizbookContainerList li { list-style:none !important;background: none !important;}
 
 

 .send-bizbook {
    float: right;
    clear: both;
    margin-top: 20px;
}
article.content .glob-star-pos {    width: auto;}

article.content .text-star-pos {
    float: none;}
   
 

article.content #message_button_login { background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #157abe;
  
    margin: 5px 10px 0;    padding: 0 10px;    width: auto; 
                background: linear-gradient(#FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
   
}





.fluid_container #slideshow .camera_pag {
	position: relative;
	left: 0;
	right: 0;
	bottom: 119px;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
}
.camera_target {
	
}
.fluid_container #slideshow .camera_pag .camera_pag_ul {
	text-align: center;    padding-right: 20%;
}
.fluid_container #slideshow .camera_pag .camera_pag_ul li {
	width: 15px;
	height: 15px;
	padding: 0px;
	margin: 2px;
	border-radius: 50%;
	background: none!important;
}
.fluid_container #slideshow .camera_pag .camera_pag_ul li > span {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	background: #157abe;
}
.fluid_container #slideshow .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #f8e4eb !important;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover>span {
	background: #f8e4eb;
}



hr {
	border-color: rgba(48,196,200,.5);
}
 
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
.blue {
	color: #02a9af;
}
 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: 'plutoregular';
    line-height: 1.35em;
}
h1, .h1{
    font-size:36px;
}
h2, .h2{
    font-size:25px;
}
h3, .h3{
    font-size:22px;
}
h4, .h4{
    font-size:20px;
}
h5, .h5{
    font-size:18px;
}
h6, .h6{
    font-size:14px;
}

span.number-responsive {
	display: none;
}


@media (min-width: 1200px){
.container {
    width: 1125px;
}
}


footer.bottom .address a {
    color: #fff2b0;
}



.page{       background: url(../images/bg.jpg) top center repeat-x, #f4f4f4 url(../images/bg1.jpg) bottom center repeat-x; }

.social{
    padding: 34px 0 60px;
    background: #fff;
}

.social a{
       padding-left: 46px;
    background: url(../images/img-fb.png) left top no-repeat;
    display: inline-block;
    line-height: 19px;
    text-transform: uppercase;
    text-decoration: none;
    color: #141415;
    font-size: 15px;
}

.social a span{letter-spacing: 1.4px;}

.social a:hover{    background-position: bottom left;}


header.top {
    position: relative;
    background: url(../images/bg-header.jpg) top center;
    padding: 0;
}
header.top .line {
	position: absolute;
	width: 65%;
	height: 10px;
	left: 0;
	top: 0;
	background: #1a1b1c;
}
header.top .container {
	position: relative;
}
header.top .logo {margin-bottom: 3px;
	float: left;margin-top: 3px;
}
header.top .social {
	float: right;
	padding-top: 150px;
	display: block;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b > span{
	display: none;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_email::before {
	content: "\f003";
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_facebook::before {
	content: "\f09a";
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_twitter::before {
	content: "\f099";
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_linkedin::before {
	content: "\f0e1";
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share::before {
	content: "\f0d5";
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share {
	position: relative;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share #___plusone_0,
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share iframe {
	position: absolute!important;
	left: 0!important;
	right: 0!important;
	top: 3px!important;
	opacity: 0;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_pinterest_share::before {
	content: "\f231";
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 0 0 0 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #21404c;
	background: #e5e5e5;
	text-decoration: none;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b::before {
	font-family: 'FontAwesome';
	speak: none;
	font-size: 16px;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b {
	transition: background 0.2s, color 0.2s;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b::after {
	top: -5px;
	left: -5px;
	padding: 5px;
	box-shadow: 0 0 0 2px #d91e35;
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b:hover {
	color: #fff;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b:hover::after {
	transform: scale(1);
	opacity: .7;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_email:hover {
	background: #30c4c8;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_facebook:hover {
	background: #3b5998;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_twitter:hover {
	background: #55acee;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_linkedin:hover {
	background: #007bb5;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share:hover {
	background: #dd4b39;
}
header.top .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_pinterest_share:hover {
	background: #cb2027;
}
header.top nav.language {
	position: absolute;
	right: 15px;
	top: -30px;
}
header.top nav.language a {
    font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #21404c;
	background: #e5e5e5;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	display: inline-block;
}
header.top nav.language a:hover {
	color: #fff;
	background: #30c4c8;
}

nav.main-nav {
	position: relative;
	    background: none;
	z-index: 50;
	transition: background .8s;
}
nav.main-nav::before {
	content: '';
	background: #838383;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
}
.is-sticky nav.main-nav {
	background: rgba(255,255,255,.75);
}
nav.main-nav .mobile-nav {
	position: relative;
	display: none;
	background: #157abe;
	text-align: center;
}
nav.main-nav .mobile-nav a {
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	padding: 10px;
	display: block;
}

section.banner {
    position: relative;
    height: 475px;
    background: #f2f2f2;
}
section.banner.small {
	height: 300px;
}
section.banner .fluid_container,
section.banner .fluid_container #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: auto;
}
section.banner .fluid_container #slideshow {
	margin-bottom: 0!important;
}
section.banner .fluid_container #slideshow .camera_prev {
	top: auto;
	right: auto;
	left: 50%;
	bottom: 0;
	margin-left: 1px;
}
section.banner .fluid_container #slideshow .camera_next {
	top: auto;
	right: auto;
	left: 50%;
	bottom: 0;
	margin-left: 52px;
}
section.banner .fluid_container #slideshow .camera_prev,
section.banner .fluid_container #slideshow .camera_next {
	position: absolute;
	background: rgba(48,196,200,.5);
	color: #fff;
	width: 50px;
	height: 50px;
	transition: all .4s;
}
section.banner .fluid_container #slideshow .camera_prev:hover,
section.banner .fluid_container #slideshow .camera_next:hover {
	background: #02a9af;
}
section.banner .fluid_container #slideshow .camera_prev span,
section.banner .fluid_container #slideshow .camera_next span {
	display: none;
}
section.banner .fluid_container #slideshow .camera_prev::before,
section.banner .fluid_container #slideshow .camera_next::before {
	font-family: 'FontAwesome';
	font-size: 24px;
	line-height: 50px;
	text-align: center;
	display: block;
}
section.banner .fluid_container #slideshow .camera_prev::before {
	content: '\f104';
}
section.banner .fluid_container #slideshow .camera_next::before {
	content: '\f105';
}

.camera_overlayer{    background: url(../images/bg-slid.png) bottom center repeat-x;}

section.banner .NewsItemBackground {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: center no-repeat;
	background-size: cover;
}
section.banner .cta {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
    opacity: 0;
    animation: slide-in .8s forwards;
    -webkit-animation: slide-in .8s forwards;
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}
@keyframes slide-in {
    100% {
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	opacity: 1;
    }
}
section.banner .container{
    height: 100%;    z-index: 2;
    position: relative;pointer-events: none;    line-height: 20px;
}
section.banner::before {
  content: '';
    background: #157abe;
    position: absolute;
    left: 0;
    bottom: 0;
      width: 47.5%; 
    pointer-events: auto;
    transition: background .4s;
    z-index: 1;
    height: 94px;
    border-radius: 0 42px 43px 0;
}
section.banner .cta:hover::before {
 background: #157abe;
}
.cta-text {
          position: relative;
    pointer-events: auto;
    color: #fefefe;
    float: left;
    font-size: 23.27px;
    padding: 10px 0px 10px 92px;
    background: #157abe url(../images/bg-cta.png) left center no-repeat;
    font-family: latolight;
    margin-top: 53px;
    max-width: 495px;
    width: 100%;
    letter-spacing: .5px;
    border-radius: 0 40px 40px 0;
}

.prix{
      float: right;
    width: 85px;
    text-align: center;    line-height: 18px;
    font-weight: bold;
    font-family: arial;    pointer-events: auto;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    background: url(../images/4.png) top center no-repeat;
    padding-top: 95px;
}

.devis{
   float: left;
    width: 85px;    pointer-events: auto;
    text-align: center;    line-height: 18px;
    font-weight: bold;
    font-family: arial;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    background: url(../images/2.png) top center no-repeat;
    padding-top: 95px;
}



.equipe{    pointer-events: auto;
     float: left;
    width: 167px;    line-height: 18px;
    text-align: center;
    font-weight: bold;
    font-family: arial;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    background: url(../images/3.png) top center no-repeat;
    padding-top: 95px;
    margin: 0 22px;
}


.depannage {    pointer-events: auto;
   float: left;
    width: 85px;
    text-align: center;    line-height: 18px;
    font-weight: bold;
    font-family: arial;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    background: url(../images/1.png) top center no-repeat;
    padding-top: 95px;
    margin-right: 56px;
}


.depannage p, .equipe p, .devis p, .prix p {
    margin: 0 0 6px;
}

section.banner.small .cta .cta-text {

}
.cta-text > * {
	margin: 0;
	padding: 0;
}

.cta-text a:hover {
    color: #000;
}

.cta-text a {
         color: #f1f2f0;
    text-decoration: none;
        line-height: 39px;
    display: block;
    font-size: 34px;
    font-family: latobold;
    letter-spacing: 1.8px;
}
.cta-text .telephone {
	font-size: 31px;
	font-weight: normal;
	transition: color .4s;
}
.cta-text .telephone::before {
	content: '\f095';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-right: 10px;
	color: #02a9af;
	font-size: 26px;
}
.cta-text.cta-responsive {
	display: none;
}
.cta-text.cta-responsive a {
	display: inline-block;
}


.slogan{
    position: absolute;
    bottom: 40%;
    font-family: latobold;
    color: #fff;letter-spacing: 0.5px;
    font-size: 34px;
  text-shadow: 2px 4px 4px rgba(0,0,0,0.7);
  
  
}
.frais {
    color: #ffffff;
    letter-spacing: 0.5px;
    font-family:latolight;
        font-size: 24px;
          text-shadow: 1px 2px 2px rgba(0,0,0,1);
          padding-top:5px;
}


#experience{
    position: absolute;
top:20px;
    right:0;
}

section.newsletter {
	background: #30c4c8;
	color: #fff;
	text-align: center;
	padding: 30px 0;
}
section.newsletter h3 {
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold;
}
 
article.content {
    padding: 50px 0 40px; 
    color: #7c7c7c;
    letter-spacing: 1px;
}
article.content header.page-title {
	position: relative;
	padding-bottom: 35px;
     letter-spacing: 0;
}
article.content header.page-title h1 {
    margin: 0;
    padding: 0;
    font-size: 39.38px;
    font-weight: 300;
    color: #157abe;   font-family: 'plutoregular';
  
}
article.content header.page-title h1 span{
       display: table;
    background: url(../images/bg-h1.png) right bottom 10px no-repeat;
    color: #231f20;
    font-size: 45.4px;
    font-family: 'altairthin';
    padding-right: 23px;
}


article.content header.page-title + * {
	margin-top: 0;
	padding-top: 0;
}
article.content p {
    margin-bottom: 15px;
}
article.content ul {
    padding-left: 10px;
}
article.content ul li {
    list-style: none;
    background: url(../images/list-icon01.png) no-repeat 0 5px;
    padding-left: 20px;
}
article.content ul ul li {
    background-image: url(../images/list-icon02.png);
}
article.content .table-style {
	position: relative;
}
article.content .table-style th {
	background: #eee;
}
article.content .table-style th,
article.content .table-style td {
	border: 1px solid #ccc;
	padding: 2px 5px;
}
article.content #news-boxes {
	position: relative;
}
article.content #news-boxes .box {
	position: relative;
}
article.content #news-boxes .box h3 {
	margin: 0 0 20px;
	line-height: 1.1em;
	font-weight: 300;
	text-transform: uppercase;
	transition: color .4s
}
article.content #news-boxes .box:hover h3 {
	color: #02a9af;
}
article.content #news-boxes .box p {
	margin: 0;
	padding: 0;
}
article.content #news-boxes .box figure {
	position: relative;
	height: 350px;
}
article.content #news-boxes .box figure::after {
	content: '+';
	font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;	
	background: #fff;
	display: block;
	color: #666;
	line-height: 60px;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
  -webkit-transform: translate(-70%, -70%);
  transform: translate(-70%, -70%);
  opacity: 0;
  box-shadow: 5px 5px 10px rgba(0,0,0,.25);
}
article.content #news-boxes .box:hover figure::after {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  box-shadow: 5px 5px 10px rgba(0,0,0,.15);
}
article.content #news-boxes .box figure .photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff center no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .8s;
}
article.content #news-boxes .box:hover figure .photo {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
article.content #news-boxes .box figure .photo.nophoto {
	background: #21404c url(../images/logo-beauty-hair-make-up-white.png) no-repeat center;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
article.content #news-boxes .box figure figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(255,255,255,.75);
	overflow: hidden;
	max-height: 200px;
	transition: all .8s;
}
article.content #news-boxes .box:hover figure figcaption {
	max-height: 0;
	/*background: #fff;*/
}
article.content #news-boxes .box figure figcaption .box-text {
	position: relative;
	text-align: justify;
	padding: 20px;
}
article.content #news-boxes .box .link a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	font-size: 0;
}
article.content table.team-table {
	position: relative;
}
article.content table.team-table td {
	width: 50%;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
article.content table.team-table img {
	width: 100%;
	height: auto;
}
article.content table.team-table h2 {
	margin: 10px 0;
}

.photos {
	position: relative;
}
.photos::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
background: url(../images/bg-galerie.jpg) right top no-repeat;
}
.photos .photos-wrapper {
	background: #9c9c9c;
}
.photos .photos-wrapper .holder {
	display: none;
}
.photos .photos-wrapper br {
	display: none;
}
.photos .photos-wrapper .highslide-gallery .highslideContainer a.highslide {
	background: none;
}
.photos .photos-wrapper .highslide-gallery .highslideContainer a.highslide::before {
	content: none;
}
.photos .photos-wrapper .highslide-gallery .highslideContainer a.highslide img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(00%);
	transition: filter .8s;
	opacity: 1!important;
}
.photos .photos-wrapper .highslide-gallery .highslideContainer a.highslide:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

#btp_id img {
    width: 93px;
}

.boxes {
    background: url(../images/bg-bas.jpg) no-repeat scroll 50% 0 / cover #e3e3e3;
    padding: 18px 0;
}

.box {

    max-width: 340px;
    border: 1px solid #ececec;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 0 20px 30px;
    color: #157abe;
    text-transform: uppercase;
    font-size: 16px;    margin-top: 190px;
}
.box:hover h2 { color:#f6f6f6; }

.box h2 {    position: relative;
    margin: 0 auto 12px;
    font-size: 25.38px;
    color: #157abe;
    text-transform: none;
    padding-top: 120px;
    line-height: 26px;transition: all .4s;
    font-family: altairbold;}
    
    .box h2:after {
        content: "";
    background: url(../images/hover-h2.png) center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: -54px;transition: all .4s;
    height: 88px;
    text-align: center; }
     .box:hover h2:after { background: url(../images/bg-h2.png) center no-repeat;}
     
   .box01 h2:before { background: url(../images/icone1.png)top center no-repeat; }
   .box02 h2:before { background: url(../images/icone2.png)top center no-repeat; }
   .box03 h2:before { background: url(../images/icone3.png)top center no-repeat; }
   
    .box:hover h2:before { background-position: bottom center}
    
  .box h2:before { 
       content: "";
    position: absolute;
    left: 0;transition: all .4s;
    top: 43px;
    right: 0;
    height: 70px;}
   

.box:after {content: "";
    background: #157abe;
    width: 1px;
    height: 22px;
    position: absolute;
    bottom: 0;
    left: 50%;}
.box:hover:after {  background: #fff;}

.box:hover { color: #fff ;background: #157abe; border: 1px solid #157abe;}

.box a{    font: 0/0 -webkit-pictograph;
    position: absolute;
    left: 0;
    right: 0;
    top: -190px;
    bottom: 0;}

.box:hover img{  border: 11px solid #fff;}

.box img{
    border-radius: 50%;
    border: 11px solid #157abe;
    margin-top: -190px;
}

.boxes #home-boxes {
	position: relative;
}
.boxes #home-boxes .box {
	position: relative;
}
.boxes #home-boxes .box h3 {
	margin: 0 0 30px;
	line-height: 1.1em;
	font-weight: 300;
	text-transform: uppercase;
	transition: color .4s
}
.boxes #home-boxes .box:hover h3 {
	color: #02a9af;
}
.boxes #home-boxes .box p {
	margin: 0;
	padding: 0;
}
.boxes #home-boxes .box figure {
	position: relative;
	height: 350px;
}
.boxes #home-boxes .box figure::after {
	content: '+';
	font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;	
	background: #fff;
	display: block;
	color: #666;
	line-height: 60px;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
  -webkit-transform: translate(-70%, -70%);
  transform: translate(-70%, -70%);
  opacity: 0;
  box-shadow: 5px 5px 10px rgba(0,0,0,.25);
}
.boxes #home-boxes .box:hover figure::after {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  box-shadow: 5px 5px 10px rgba(0,0,0,.15);
}
.boxes #home-boxes .box figure .photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff center no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .8s;
}
.boxes #home-boxes .box:hover figure .photo {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.boxes #home-boxes .box figure figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: #f2f2f2;
	color: #666;
	overflow: hidden;
	max-height: 200px;
	transition: all .8s;
}
.boxes #home-boxes .box:hover figure figcaption {
	max-height: 0;
	/*background: #fff;*/
}
.boxes #home-boxes .box figure figcaption .box-text {
	position: relative;
	text-align: justify;
	padding-top: 20px;
}
.boxes #home-boxes .box .link a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	font-size: 0;
}

footer.bottom {
	position: relative;
    padding: 53px 0 50px;
	background: #eaeaea;
}
footer.bottom section.googlemaps {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
footer.bottom section.googlemaps .box_googlemaps {
	position: absolute;
	left: -50px;
	right: -500px;
	top: -70px;
	bottom: -70px;
	height: auto!important;
	width: auto!important;
	-webkit-filter: grayscale(0%);
	filter: grayscale(00%);
}
footer.bottom section.googlemaps .box_googlemaps iframe {
	margin: 0!important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
}
footer.bottom section.googlemaps .link a {
	font-size: 0;
}
footer.bottom section.googlemaps .link a.iframe.fancyIFrame {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}
footer.bottom::before {
	content: '';
	position: absolute;
	left: 0;
	top: 153px;
	bottom: 50px;
	width: 40%;
	background: #157abe;
	z-index: 11;
}
footer.bottom .address {
    position: relative;
    display: inline-block;
    padding: 24px 40px 20px 0;
    background: #157abe;
    color: #fff;
    width: 44%;
    font-family: 'latoregular';    letter-spacing: 0.3px;
    z-index: 20;
    font-size: 16px;
    border-radius: 0 84px 84px 0;
    margin-top:100px;
}
footer.bottom .address .sp1{     display: block;
    background: url(../images/sp1.png) left center no-repeat;
    padding-left: 35px;}
footer.bottom .address .sp2{       display: block;
    background: url(../images/sp2.png) left center no-repeat;
    padding-left: 35px;}
footer.bottom .address .sp3{    display: block;
    background: url(../images/sp3.png) left center no-repeat;
    padding-left: 35px; }

footer.bottom .address h2 {    margin: 0 auto 18px;
    font-size: 39.38px;
    font-family: altairbold;
    line-height: 39px;}
footer.bottom .address h2 span{     font-family: latolight;   display: table;
    padding-right: 26px;
    background: url(../images/bg-h2-1.png) right bottom 5px no-repeat;
    font-size: 42.19px;
    line-height: 43px;}

footer.bottom .address img.footer-logo {
	float: left;
	height: 150px;
	margin-right: 40px;
}
footer.bottom .address p {
	margin: 0;
	padding: 0;
}
footer.bottom .address strong {
	color: #fff;
}
footer.bottom .address hr {
	border-color: rgba(255,255,255,.2);
	margin: 10px 0;
	padding: 0;
	height: 1px;
}
footer.bottom .line {
	position: absolute;
	width: 65%;
	height: 10px;
	right: 0;
	bottom: 0;
	background: #02a9af;
}
footer.bottom .address #openingTimesBlock .openingLine {
	display: inline-block;
}
footer.bottom .address #openingTimesBlock .openingLine .openingDay {
	font-weight: bold;
	color: #fff;
}
footer.bottom .address #openingTimesBlock .openingLine .openingDay::before {
	content: '//';
}
footer.bottom .address #openingTimesBlock .openingLine:first-of-type .openingDay::before {
	content: '';
}
footer.bottom .address #openingTimesBlock .openingLine .openingDay::after {
	content: ':';
}
 
#footerSlideContainer a {
      color: #000;
}

#scrollUp {
	bottom: 30px;
	right: 8px;
	padding: 8px 15px;
	background: #157abe;
	color: #fff;
	text-decoration: none;
}
#scrollUp:hover {
	background: #000;
}
 
div.cc-cookies {
    width: 100%;
   background: #157abe;
    z-index: 50;
}
.cc-cookies a.cc-cookie-accept, 
.cc-cookies-error a.cc-cookie-accept, 
.cc-cookies a.cc-cookie-decline, 
.cc-cookies-error a.cc-cookie-decline, 
.cc-cookies a.cc-cookie-reset {
	background: rgba(0,0,0,.2) !important;
	color: #fff !important;
	margin: 0 10px;
}
.cc-cookies a:hover.cc-cookie-accept, 
.cc-cookies-error a:hover.cc-cookie-accept, 
.cc-cookies a:hover.cc-cookie-decline, 
.cc-cookies-error a:hover.cc-cookie-decline, 
.cc-cookies a:hover.cc-cookie-reset {
	background: #1a1b1c !important;
	color: #fff !important;
}

.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap *{
    box-sizing: content-box;
}
div#_atssh {
    bottom: 0;
}

@media only screen and (max-width : 1024px) {
    img {
   
    max-width: 100%;
    height: auto;
}article.content header.page-title h1 {font-size: 35px;}



    .equipe{    margin: 0 10px;}.depannage{    margin-right: 10px;}
    
	section.banner .cta .cta-text {
		font-size: 20px; 
	}
	section.banner .cta .cta-text .telephone {
		font-size: 29px;
	}
	footer.bottom .address {
		width: 60%;
	}section.banner::before{
     width: 50%;}
	
}

@media only screen and (max-width : 992px) {
    
    .fluid_container #slideshow .camera_pag {     display: none;}
    
    
    .slogan {    top: 10%;    bottom: inherit; }
    section.banner .cta  .col-md-6:nth-child(2) {
    display: table;
    margin: 21px auto 0;
    width: auto;
}

  section.banner .cta  .col-md-6:nth-child(2) div{
    width: auto;
    margin: 0 10px;    min-width: 100px;
    float: left !important;
}
    article.content header.page-title h1 span {font-size: 40px;}
   section.banner .cta  .col-md-6{
    width: 100%;
}section.banner::before {    width: 0;}
    article.content header.page-title h1 {    font-size: 28px;}
    
    footer.bottom .address {
    width: 70%;
}

section.banner .cta .cta-text {
    font-size: 20px;
    max-width: 100%;margin-bottom: 20px;
    background: #157abe url(../images/bg-cta.png) left 20px center no-repeat;
    padding: 10px 10px 10px 117px;
    border-radius: 40px;
}


    
    
}

@media only screen and (max-width : 800px) {
    
    .slogan {
    top: 10px;
    bottom: inherit;    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    left: 0;
    right: 0;
}
	span.number {
		display: none;
	}
	span.number-responsive {
		display: inline-block;
	}
	nav.main-nav #navigation {
		display: none;
	}
	nav.main-nav .mobile-nav {
		display: block;
	}
	section.banner {
	
	}
	section.banner .fluid_container #slideshow .camera_prev,
	section.banner .fluid_container #slideshow .camera_next {
		display: none;
	}
	section.banner .cta .cta-text {
	
		background: #157abe;
	padding: 15px 0;text-align: center;
		transition: background .4s;
		top:30px;
	}

	section.banner .cta .cta-text {
	
	}
	section.banner .cta .cta-text.cta-responsive {
		display: inline-block;
	}
	article.content #news-boxes .box {
		margin-bottom: 20px;
	}
	.boxes #home-boxes .box {
		margin-bottom: 20px;
	}
	.boxes #home-boxes .col-sm-3.box {
		width: 50%;
	}
	footer.bottom .address {
		width: 90%;
	}
	footer.bottom .address img.footer-logo {
		float: none;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width : 736px) {
    
    .box{margin: 210px auto 20px;}
    
    
    
}

@media only screen and (max-width : 480px) {
    
    section.banner .cta .col-md-6:nth-child(2) div {
    float: left !important;
    min-width: 50%;
    margin: 10px 0;    width: 50%;
}

footer.bottom .address {    font-size: 14px;}
.sep{
    display: block;
    font: 0/0 -webkit-pictograph;
}

	.image-left,
	.image-right {
		float: none;
		margin: 10px 0;
		width: 100%;
		height: auto;
	}
	header.top .logo {
		float: none;
		text-align: center;
	}
	header.top .social {
		float: none;
		padding: 15px 0 0;
		text-align: center;
	}
	header.top .social #ContainerBlockSocial.addthis_toolbox .at300b {
		margin: 0;
		float: none;
	}
	
	#experience {
	    display:none;
	}
	.frais {
	    padding-top:0px;
	}
	
	article.content {
		padding: 30px 0;
	}
	article.content table.team-table td {
		padding: 10px 0;
		width: 100%!important;
		display: block;
	}
	.boxes #home-boxes .col-sm-3.box {
		width: 100%;
	}
}
@media only screen and (max-width : 360px) {
    .cta-text a{    font-size: 26px;}   
    
    section.banner .cta .cta-text {    font-size: 15px;     letter-spacing: 0; }

	footer.bottom .address {
		width: 100%;
	}
}